﻿@namespace BootstrapBlazor.Components
@inherits TransferPanelBase

<div class="transfer-panel">
    <p class="transfer-panel-header">
        <Checkbox TItem="SelectedItem" DisplayText="@Text" @ref="HeaderCheckbox"
                  State="@HeaderCheckState()" OnStateChanged="@OnHeaderCheck" />
    </p>
    <div class="transfer-panel-body">
        @if (ShowSearch)
        {
            <div class="transfer-panel-filter">
                <input type="text" autocomplete="off" placeholder="请输入城市拼音" class="input-inner" value="@SearchText" @oninput="@OnSearch" @onkeyup="@OnKeyUp">
                <span class="@SearchClass" @onclick="@ClearSearch">
                    <i class="fa fa-search"></i>
                </span>
            </div>
        }
    <div role="group" aria-label="checkbox-group" class="checkbox-group transfer-panel-list">
        @RenderItem()
    </div>
        <p class="transfer-panel-empty" style="display: none;">无匹配数据</p>
        <p class="transfer-panel-empty" style="display: none;">无数据</p>
    </div>
</div>
